<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src='vue.js'></script>
</head>
<body>
	<div id="app">
		<child>
			<p>23123</p>
		</child>
	
		<body-content>
			<div slot="header">header</div>
			<div slot="footer">footer</div>
		</body-content>
	</div>

	<script>

		Vue.component('child', {
			template: '<div><slot></slot></div>'
		})

		Vue.component('body-content', {
			template: `<div>
			<slot name="header">12321</slot>
			<div> content </div>
			<slot name="footer"></slot>
			</div>`
			
		})

		var app = new Vue({
			el: '#app',
			data: {
			
			}
		})

		
	</script>
</body>
</html>